<template>
  <el-row :gutter="12">
    <el-col :span="8">
      <el-card shadow="always"> 选择项目1 </el-card>
    </el-col>
    <el-col :span="8">
      <el-card shadow="hover"> Hover </el-card>
    </el-col>
    <el-col :span="8">
      <el-card shadow="never"> Never </el-card>
    </el-col>
  </el-row>
  <div>
    <div class="flex">
      <el-button type="primary">创建项目</el-button>
    </div>  
  </div>
</template>
<script setup>
/*import { ref } from 'vue'
const size = ref('default')*/
</script>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
.flex{
  button{
    font-size:18px;
  }
}
</style>
